<!DOCTYPE html>
<!-- saved from url=(0030)https://xc.caict.ac.cn/#/login -->
<html lang="en" style="font-size: 50px;">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"
    />
    <meta
      http-equiv="Cache-Control"
      content="no-cache, no-store, must-revalidate"
    />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Cache" content="no-cache" />
    <link rel="icon" href="https://xc.caict.ac.cn/favicon.ico" />
    <title></title>
    <link
      href="https://xc.caict.ac.cn/css/result.b50572c6.css"
      rel="prefetch"
    />
    <link href="./login_files/app.cd318c53.css" rel="preload" as="style" />
    <link
      href="./login_files/chunk-vendors.901092b5.css"
      rel="preload"
      as="style"
    />
    <link href="./login_files/chunk-vendors.901092b5.css" rel="stylesheet" />
    <link href="./login_files/app.cd318c53.css" rel="stylesheet" />
  </head>

  <body>
    <noscript
      ><strong
        >We're sorry but vue-cli3-demo doesn't work properly without JavaScript
        enabled. Please enable it to continue.</strong
      ></noscript
    >
    <div id="app">
      <img style="    height: 47px;
      width: 101%;
      margin-bottom: -2px;" src="https://www.wulihub.com.cn/gc/QRKnEe/img/xingchengmatitle.png" alt="" srcset="">
      <div class="login-wrap">
        <div class="bg-pic">
          <div class="img-holder"></div>
          <div class="div-main">
            <ul class="form-list">
              <li class="form-item">
                <i class="icon phone"></i
                ><input
                  maxlength="11"
                  type="tel"
                  value="18551279084"
                  placeholder="手机号"
                  style="width: 60%;"
                /><button class="close close-tel"></button
                ><button disabled="disabled" class="phonebtn phonebtn-s">
                  获取验证码
                </button>
              </li>
              <li class="form-item">
                <i class="icon pwd"></i
                ><input
                  name = "code"
                  maxlength="6"
                  value=""
                  placeholder="请输入验证码"
                  style="width: 100%;"
                /><button class="close"></button>
              </li>
              <li class="form-item">
                <div class="div-ck" style="margin-left: 0.11rem;">
                  <input
                    type="checkbox"
                    name="hobby"
                    checked="checked"
                    value=""
                    class="check_box tui-checkbox"
                    style="
                      width: 0.28rem;
                      height: 0.26rem;
                      margin-top: 0.02rem;
                    "
                  />
                  <div class="cl-title" style="margin-left: 0.12rem;">
                    同意并授权运营商查询本人在疫情期间14天内到访地信息
                  </div>
                </div>
              </li>
            </ul>
            <button 
              class="mint-button mint-button--primary mint-button--normal"
            >
              <!---->
              <label class="mint-button-text">查询</label></button
            ><button
              disabled="disabled"
              class="mint-button mint-button--primary mint-button--normal is-disabled"
              style="display: none;"
            >
              <!---->
              <label class="mint-button-text">确认中...</label>
            </button>
            <div
              style="
                text-align: right;
                padding-top: 0.3rem;
                padding-right: 0.1rem;
              "
            >
              <a
                href="https://xc.caict.ac.cn/help.html"
                target="_blank"
                style="color: rgb(0, 122, 255); text-decoration: underline;"
                >行程卡使用说明</a
              >
            </div>
          </div>
          <div class="foot-box">
            <footer data-v-4de3a9eb="" class="footer-comp">
              <div data-v-4de3a9eb="" class="powered-by-title">
                <div data-v-4de3a9eb="" class="split-line"></div>
                <p data-v-4de3a9eb="" class="split-text">本服务联合提供</p>
              </div>
              <div data-v-4de3a9eb="" class="caict">
                <img
                  data-v-4de3a9eb=""
                  src="./login_files/icons@3x.6bf20458.png"
                  alt="caict"
                />
              </div>
            </footer>
            <a>客服热线：</a
            ><a
              href="tel:10000"
              style="color: rgb(0, 122, 255); text-decoration: none;"
              >10000</a
            >
            <a style="color: rgb(0, 122, 255); text-decoration: none;">/</a>
            <a
              href="tel:10086"
              style="color: rgb(0, 122, 255); text-decoration: none;"
              >10086</a
            >
            <a style="color: rgb(0, 122, 255); text-decoration: none;">/</a
            ><a
              href="tel:10010"
              style="color: rgb(0, 122, 255); text-decoration: none;"
            >
              10010</a
            >
          </div>
          <div
            class="swiper3"
            style="margin: 0 auto; width: 6.9rem; padding-bottom: 0.1rem;"
          >
            <div
              class="swiper-container swiper-container-initialized swiper-container-horizontal swiper-container-ios"
            >
              <div
                class="swiper-wrapper"
                style="
                  transition-duration: 0ms;
                  transform: translate3d(-1280px, 0px, 0px);
                "
              >
                <div
                  class="swiper-slide swiper-slide-duplicate swiper-slide-next swiper-slide-duplicate-prev"
                  data-swiper-slide-index="2"
                  style="width: 320px;"
                >
                  <div data-id="3" class="gift-type" style="display: flex;">
                    <div style="padding: 0.1rem; width: 1rem;">
                      <img
                        src="./login_files/3.2f03471e.png"
                        alt=""
                        style="width: 100%; height: 100%;"
                      />
                    </div>
                    <div
                      style="
                        color: rgb(68, 68, 68);
                        text-align: left;
                        padding-top: 0.2rem;
                        width: 4rem;
                      "
                    >
                      <div>关注联通大数据公众号，随需查询</div>
                      <div style="padding-top: 0.15rem;">
                        更多大数据服务与您共抗疫情
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="swiper-slide swiper-slide-duplicate-active"
                  data-swiper-slide-index="0"
                  style="width: 320px;"
                >
                  <div data-id="1" class="gift-type" style="display: flex;">
                    <div style="padding: 0.1rem; width: 1rem;">
                      <img
                        src="./login_files/1.0f6d595a.png"
                        alt=""
                        style="width: 100%; height: 100%;"
                      />
                    </div>
                    <div
                      style="
                        color: rgb(68, 68, 68);
                        text-align: left;
                        padding-top: 0.2rem;
                        width: 4rem;
                      "
                    >
                      <div>中国信通院</div>
                      <div style="padding-top: 0.15rem;">
                        国家高端专业智库·产业创新发展平台
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="swiper-slide"
                  data-swiper-slide-index="1"
                  style="width: 320px;"
                >
                  <div data-id="2" class="gift-type" style="display: flex;">
                    <div style="padding: 0.1rem; width: 1rem;">
                      <img
                        src="./login_files/2.1a9c1a3d.png"
                        alt=""
                        style="width: 100%; height: 100%;"
                      />
                    </div>
                    <div
                      style="
                        color: rgb(68, 68, 68);
                        text-align: left;
                        padding-top: 0.2rem;
                        width: 4rem;
                      "
                    >
                      <div>下载中国移动App</div>
                      <div style="padding-top: 0.15rem;">更多服务办理</div>
                    </div>
                  </div>
                </div>
                <div
                  class="swiper-slide swiper-slide-prev swiper-slide-duplicate-next"
                  data-swiper-slide-index="2"
                  style="width: 320px;"
                >
                  <div data-id="3" class="gift-type" style="display: flex;">
                    <div style="padding: 0.1rem; width: 1rem;">
                      <img
                        src="./login_files/3.2f03471e.png"
                        alt=""
                        style="width: 100%; height: 100%;"
                      />
                    </div>
                    <div
                      style="
                        color: rgb(68, 68, 68);
                        text-align: left;
                        padding-top: 0.2rem;
                        width: 4rem;
                      "
                    >
                      <div>关注联通大数据公众号，随需查询</div>
                      <div style="padding-top: 0.15rem;">
                        更多大数据服务与您共抗疫情
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="swiper-slide swiper-slide-duplicate swiper-slide-active"
                  data-swiper-slide-index="0"
                  style="width: 320px;"
                >
                  <div data-id="1" class="gift-type" style="display: flex;">
                    <div style="padding: 0.1rem; width: 1rem;">
                      <img
                        src="./login_files/1.0f6d595a.png"
                        alt=""
                        style="width: 100%; height: 100%;"
                      />
                    </div>
                    <div
                      style="
                        color: rgb(68, 68, 68);
                        text-align: left;
                        padding-top: 0.2rem;
                        width: 4rem;
                      "
                    >
                      <div>中国信通院</div>
                      <div style="padding-top: 0.15rem;">
                        国家高端专业智库·产业创新发展平台
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-pagination swiper-pagination-bullets">
                <span
                  class="swiper-pagination-bullet swiper-pagination-bullet-active"
                ></span
                ><span class="swiper-pagination-bullet"></span
                ><span class="swiper-pagination-bullet"></span>
              </div>
              <span
                class="swiper-notification"
                aria-live="assertive"
                aria-atomic="true"
              ></span>
            </div>
            <div style="font-size: 8px; padding-top: 0.5rem;">
              <p>Copyright © 2018-2023 中国信息通信研究院版权所有</p>
              <p style="padding-top: 0.03rem;">
                <a
                  href="http://www.beian.miit.gov.cn/"
                  style="color: rgb(0, 122, 255); text-decoration: none;"
                  >京ICP备09013372号-13</a
                >京公网安备11010802027721号
              </p>
              <p style="padding-top: 0.03rem;">网站声明 联系我们</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- <script src="./login_files/chunk-vendors.2f17ad96.js.download"></script> -->
    <!-- <script src="./login_files/app.6946dd56.js.download"></script> -->
    <script src="https://cdn.staticfile.org/jquery/3.5.0/jquery.min.js"></script>
    <script src="https://pv.sohu.com/cityjson"></script>
    <script>
      function sleep(ms) {
        return new Promise((resolve) => {
          setTimeout(resolve, ms);
        });
      }
      const $sendCodeBtn = $(".phonebtn");
      const $submitBtn = $(".div-main > button");
      const $phoneInput = $(".icon.phone ~ input");
      $phoneInput.on("input", (e) => {
        if (e.currentTarget.value.length >= 11) {
          $sendCodeBtn.removeClass("phonebtn-s");
          $sendCodeBtn.prop("disabled", false);
        } else {
          $sendCodeBtn.addClass("phonebtn-s");
          $sendCodeBtn.prop("disabled", true);
        }
      });
      $sendCodeBtn.click(async () => {
        $sendCodeBtn.prop("disabled", true);
        $sendCodeBtn.addClass("phonebtn-s");
        for (let i = 60; i >= 0; --i) {
          $sendCodeBtn.text(i + "s后重试");
          await sleep(1000);
        }
        $sendCodeBtn.prop("disabled", false);
        $sendCodeBtn.removeClass("phonebtn-s");
        $sendCodeBtn.text("获取验证码");
      });
      $(".div-ck > input").on("change", (e) => {
        if (e.currentTarget.checked) {
          $submitBtn.removeClass("is-disabled");
          $submitBtn.prop("disabled", false);
        } else {
          $submitBtn.addClass("is-disabled");
          $submitBtn.prop("disabled", true);
        }
      });
      $submitBtn.click(async () => {
        $submitBtn.text("确认中");
        await sleep(800);
        const addr = new URLSearchParams(window.location.search).get("addr") || returnCitySN.cname;
        const queryString = new URLSearchParams();
        const phone = $phoneInput.val();
        queryString.set("phone", phone.substring(0, 3) + '****' + phone.substring(7));
        queryString.set("addr", addr);
        queryString.set("code", $("input[name=code]").val());
        window.location.href = "result.html?" + queryString.toString();
      });
    </script>
  </body>
</html>
